<template>
  <div class="footer-wrapper">
    <van-tabbar route v-model="active">
      <template v-for="item in routerList">
        <van-tabbar-item :key="item.path" replace :to="item.path" :icon="item.icon">{{ item.text }}</van-tabbar-item>
      </template>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      routerList: [
        {
          path: '/layout/findHome',
          text: '找工作',
          icon: 'search',
        },
        {
          path: '/layout/assist',
          text: '职帮帮',
          icon: 'search',
        },
        {
          path: '/layout/message',
          text: '消息',
          icon: 'search',
        },
        {
          path: '/layout/Mine',
          text: '我的',
          icon: 'search',
        },
        {
          path: '/city',
          text: '城市',
          icon: 'search',
        },
      ],
      active: 0,
    }
  },
}
</script>
